<template>
  <div class="container m-2 shadow rounded">
    <div class="bg-primary p-2 d-flex justify-content-between align-items-center">
      <span class="text-white">会员详细</span>
	  <Button @click="submit" type="success" size="small">保存</Button>
    </div>
    <div class="p-2">
      <Form :label-width="80">
        <Row class="w-100">
          <Col :xs="12" :sm="12" :md="12" :lg="12" :xl="12" :xxl="12">
            <FormItem class="w-50" label="会员编号">
              <Input v-model="hy.vipid" disabled></Input>
            </FormItem>
          </Col>
          <Col :xs="12" :sm="12" :md="12" :lg="12" :xl="12" :xxl="12">
            <FormItem class="w-50" label="所属门店">
              <Input v-model="hy.storeid" disabled></Input>
            </FormItem>
          </Col>
          <Col :xs="12" :sm="12" :md="12" :lg="12" :xl="12" :xxl="12">
            <FormItem class="w-50" label="客户id">
              <Input v-model="hy.clientid" disabled></Input>
            </FormItem>
          </Col>
          <Col :xs="12" :sm="12" :md="12" :lg="12" :xl="12" :xxl="12">
            <FormItem class="w-50" label="客户姓名">
              <Input v-model="hy.clientName" disabled></Input>
            </FormItem>
          </Col>
          <Col :xs="12" :sm="12" :md="12" :lg="12" :xl="12" :xxl="12">
            <FormItem class="w-50" label="开始时间">
              <Input v-model="hy.st" ></Input>
            </FormItem>
          </Col>
          <Col :xs="12" :sm="12" :md="12" :lg="12" :xl="12" :xxl="12">
            <FormItem class="w-50" label="结束时间">
              <Input v-model="hy.et" ></Input>
            </FormItem>
          </Col>
          <Col :xs="12" :sm="12" :md="12" :lg="12" :xl="12" :xxl="12">
            <FormItem class="w-50" label="总分钟数">
              <Input v-model="hy.zsc" ></Input>
            </FormItem>
          </Col>
          <Col :xs="12" :sm="12" :md="12" :lg="12" :xl="12" :xxl="12">
            <FormItem class="w-50" label="剩余分钟数">
              <Input v-model="hy.sysc" ></Input>
            </FormItem>
          </Col>
        </Row>
      </Form>
    </div>
  </div>
</template>

<script>
	export default {
		data() {
			return {
				hy: {
				st: "",
				et: "",
				vipid: "",
				orderid: "",
				openid: "",
				nickname: "",
				clientName: "",
				age: "",
				headimg: "",
				from: "",
				tel: "",
				goodName:"",
				sysc:"",
				zsc:"",
				
				},
			}
		},
		created: function() {
			this.hy.vipid = this.$route.query.id;
			this.loadData();
		},
		mounted: function() {},
		methods: {
			loadData: function() {
				return this.http.get({
					url: "/hy/info",
					param: {
						vipid: this.hy.vipid
					}
				}).then(res => {
					this.hy = res;
				});
			},
			submit: function() {
			
			},
			
		},
	}
</script>

<style>
</style>